<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<%@taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<%@page isELIgnored="false"%><!--解除被禁用的el表达式 --> 
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<jsp:include page="../inc.jsp" />
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>box</title>
</head>

<body>
 <style type="text/css">
		table#formTb tr{
			height: 30px;
			border-bottom: 1px solid #d4d4d4;
			margin: 5px;
		}
		table#formTb tr td:first-child{
			text-align: right;
			
		}	
		table#formTb tr td{
			padding: 7px 3px;
		}
	</style>
 <script type="text/javascript">
 $(function(){
	 $('#box').combo({
	        required: true,    //不能为空
	        multiple: true,//是否支持多选
	        panelWidth:250,
	        panelHeight:300
	        
	    });
	  
	   /*  $('#food input').click(function () {
	        var v = $(this).val();    //获取到选择的value值
	        var s = $(this).next('td').text(); //获取span里的内容
	        //将value值添加到组件value里，将span里的内容添加是组件输入框，最后关闭下拉面板
	       // $('#box').combo('setValue', v).combo('setText', s).combo('hidePanel');
	    }) */

	 
 });
 </script>
 
<!--下拉组件框-->
<input id="box"> 
<!--下拉区块-->
<!-- <div id="food" style="width: 100px;height: 100px"></div> -->
   
</body>


</html>